.navigation-toolbar{
    height: 61px;
}
.nav-min{
    /* min-width: 1024px;  */
    /* min-height: 700px; */
}
.material-app, md-sidenav-container, .my-content {
  margin: 0;
  width: 100%;
  height: 100%;
}
.cnt{
    left: 0;
    right: 0;
    /* min-width: 1280px;
    min-height: 730px */
}
.content{
    height: 100%;
}
.header{
    min-height: 88px;
}
.router-progress-bar {
  width: 100vw;
  height: 4px;
  overflow: hidden;
  background: rgba(221, 221, 221, 0.4);
  position: fixed;
  z-index: 29;
}
.router-progress-bar::after {
  content: ' ';
  height: 100%;
  width: 33.3vw;
  -webkit-animation: gradcolours 5s steps(1) infinite, loadthird 1s infinite linear;
  animation: gradcolours 5s steps(1) infinite, loadthird 1s infinite linear;
  display: block;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
@-webkit-keyframes loadthird {
    0% { -webkit-transform: translateX(-33.3vw); transform: translateX(-33.3vw); }
  100% { -webkit-transform: translateX(100vw); transform: translateX(100vw); }
}
@keyframes loadthird {
    0% { -webkit-transform: translateX(-33.3vw); transform: translateX(-33.3vw); }
  100% { -webkit-transform: translateX(100vw); transform: translateX(100vw); }
}
@-webkit-keyframes gradcolours {
   0% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(255,20,147,0.1)),
        color-stop(30%, #FF1493),
        color-stop(50%, #FF1493),
        color-stop(70%, #FF1493),
        to(rgba(255,20,147,0.1)));
    background:linear-gradient(
        90deg,
        rgba(255,20,147,0.1)  0%,
        #FF1493 30%,
        #FF1493 50%,
        #FF1493 70%,
        rgba(255,20,147,0.1)   100%);
    }
  20% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(0,0,255,0.1)),
        color-stop(30%, #0000FF),
        color-stop(50%, #0000FF),
        color-stop(70%, #0000FF),
        to(rgba(0,0,255,0.1)));
    background:linear-gradient(
        90deg,
        rgba(0,0,255,0.1) 0%,
        #0000FF 30%,
        #0000FF 50%,
        #0000FF 70%,
        rgba(0,0,255,0.1) 100%);
     }
  40% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(255,165,0,0.1)),
        color-stop(30%, #FFA500),
        color-stop(50%, #FFA500),
        color-stop(70%, #FFA500),
        to(rgba(255,165,0,0.1)));
    background:linear-gradient(
        90deg,
        rgba(255,165,0,0.1) 0%,
        #FFA500 30%,
        #FFA500 50%,
        #FFA500 70%,
        rgba(255,165,0,0.1) 100%);
    }
  60% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(127,255,0,0.1)),
        color-stop(30%, #7FFF00),
        color-stop(50%, #7FFF00),
        color-stop(70%, #7FFF00),
        to(rgba(127,255,0,0.1)));
    background:linear-gradient(
        90deg,
        rgba(127,255,0,0.1) 0%,
        #7FFF00 30%,
        #7FFF00 50%,
        #7FFF00 70%,
        rgba(127,255,0,0.1) 100%);
    }
  80% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(0,191,255,0.1)),
        color-stop(30%, #00BFFF),
        color-stop(50%, #00BFFF),
        color-stop(70%, #00BFFF),
        to(rgba(0,191,255,0.1)));
    background:linear-gradient(
        90deg,
        rgba(0,191,255,0.1) 0%,
        #00BFFF 30%,
        #00BFFF 50%,
        #00BFFF 70%,
        rgba(0,191,255,0.1) 100%);
    }
}
@keyframes gradcolours {
   0% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(255,20,147,0.1)),
        color-stop(30%, #FF1493),
        color-stop(50%, #FF1493),
        color-stop(70%, #FF1493),
        to(rgba(255,20,147,0.1)));
    background:linear-gradient(
        90deg,
        rgba(255,20,147,0.1)  0%,
        #FF1493 30%,
        #FF1493 50%,
        #FF1493 70%,
        rgba(255,20,147,0.1)   100%);
    }
  20% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(0,0,255,0.1)),
        color-stop(30%, #0000FF),
        color-stop(50%, #0000FF),
        color-stop(70%, #0000FF),
        to(rgba(0,0,255,0.1)));
    background:linear-gradient(
        90deg,
        rgba(0,0,255,0.1) 0%,
        #0000FF 30%,
        #0000FF 50%,
        #0000FF 70%,
        rgba(0,0,255,0.1) 100%);
     }
  40% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(255,165,0,0.1)),
        color-stop(30%, #FFA500),
        color-stop(50%, #FFA500),
        color-stop(70%, #FFA500),
        to(rgba(255,165,0,0.1)));
    background:linear-gradient(
        90deg,
        rgba(255,165,0,0.1) 0%,
        #FFA500 30%,
        #FFA500 50%,
        #FFA500 70%,
        rgba(255,165,0,0.1) 100%);
    }
  60% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(127,255,0,0.1)),
        color-stop(30%, #7FFF00),
        color-stop(50%, #7FFF00),
        color-stop(70%, #7FFF00),
        to(rgba(127,255,0,0.1)));
    background:linear-gradient(
        90deg,
        rgba(127,255,0,0.1) 0%,
        #7FFF00 30%,
        #7FFF00 50%,
        #7FFF00 70%,
        rgba(127,255,0,0.1) 100%);
    }
  80% {
    background:-webkit-gradient(
        linear,
        left top, right top,
        from(rgba(0,191,255,0.1)),
        color-stop(30%, #00BFFF),
        color-stop(50%, #00BFFF),
        color-stop(70%, #00BFFF),
        to(rgba(0,191,255,0.1)));
    background:linear-gradient(
        90deg,
        rgba(0,191,255,0.1) 0%,
        #00BFFF 30%,
        #00BFFF 50%,
        #00BFFF 70%,
        rgba(0,191,255,0.1) 100%);
    }
}
